---
layout: example.html
title: Device Orientation
shortdesc: Listen to DeviceOrientation events.
docs: >
  This example shows how to track changes in device orientation.
tags: "orientation, openstreetmap"
---
<div id="map" class="map"></div>
<label>
  track changes
  <input id="track" type="checkbox"/>
</label>
<p>
  α : <code id="alpha"></code>&nbsp;&nbsp;
  β : <code id="beta"></code>&nbsp;&nbsp;
  γ : <code id="gamma"></code>&nbsp;&nbsp;
  heading : <code id="heading"></code>
</p>
